<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <jsp:include page="/control/home/home_header.jsp"/>
</head>

<body class="login-layout">
<div class="main-container">
<div class="main-content">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<div class="login-container">
<div style="margin-top: 39%;"></div>
<div class="position-relative">
<div id="login-box" class="login-box visible widget-box no-border">
    <div class="widget-body">
        <div class="widget-main">

            <div class="center">
                <h3>
                    <span class="red">欢迎使用广达云收银系统</span>
                </h3>
            </div>

            <div id="loginTitleWarn" name="loginTitleWarn" style="display: none">
                <h4 class="header red lighter bigger">
                    <i class="icon-coffee red"></i>
                    <span id="loginTitleWarnMsg" name="loginTitleWarnMsg">用户名或者密码错误！</span>
                </h4>
            </div>

            <div class="space-6"></div>

            <form>
                <fieldset>

                    <label class="block clearfix">
                        <span class="block input-icon input-icon-right">
                            <input id="username" name="username" type="text" class="form-control" placeholder="用户名"/>
                            <i class="icon-user"></i>
                        </span>
                    </label>

                    <label class="block clearfix">
                        <span class="block input-icon input-icon-right">
                            <input id="password" name="password" type="password" class="form-control" placeholder="密码"/>
                            <i class="icon-lock"></i>
                        </span>
                    </label>

                    <label class="block clearfix">
                        <span>
                            <input id="codeContentLogin" style="width:196px;height: 26px;" name="codeContentLogin" type="text"
                                   maxlength="4" placeholder="验证码">
                            <img id="codeImgLogin" name="codeImgLogin" alt="点击换一张验证码" title="点击换一张验证码" src=""
                                 width="100" height="29">
                            <input id="codeKeyLogin" name="codeKeyLogin" type="hidden"/>
                        </span>
                    </label>

                    <div class="space"></div>

                    <div class="clearfix">
                        <button id="loginBtn" name="loginBtn" type="button"  class="width-35 pull-right btn btn-sm btn-primary">
                            <i class="icon-key"></i>登录
                        </button>
                    </div>

                    <div class="space-4"></div>
                </fieldset>
            </form>

        </div>
        <!-- /widget-main -->
    </div>
    <!-- /widget-body -->

<%--    <div class="space-6"></div>--%>
    <%--<div class="center">
        <h5>技术支持：<a href="http://www.ruiyunkeji.com">南阳瑞云网络科技有限公司</a></h5>
    </div>--%>
</div>
<!-- /login-box -->
</div>
<!-- /position-relative -->
</div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.main-container -->

<jsp:include page="/control/home/home_footer.jsp"/>

<script type="text/javascript">
    function show_box(id) {
        jQuery('.widget-box.visible').removeClass('visible');
        jQuery('#' + id).addClass('visible');
    }
</script>
<script src="<%=path%>/control/uc/login.js"></script>
</body>
</html>
